﻿@using RazorEngine
<div id="site-header-bar">
    <div class="container">
        <div class="row">
            <!-- top header links -->
            <div class="col-xs-12 col-sm-6 top-links center-sm">
                <ul class="menu">
                    <li><a href="#">Tài khoản</a></li>
                    <li><a href="#">Yêu thích</a></li>
                    <li><a href="#">Thanh toán</a></li>
                    <li><a href="#">Đăng nhập</a></li>
                    <li><a href="#">Đăng ký</a></li>
                </ul>
            </div>

            <!-- /top header links -->

            <!--
                            | -------------------------------------------------------------------------------------------
                            |	SOCIAL ICONS
                            | -------------------------------------------------------------------------------------------
                            |	Two hover effect avaiable for social icons
                            |	by default hover effect is template accent color
                            |	but you can add "multicolor" class to div.header-social-icons to have multicolor hover effect
                            |	i.e. Your container must look like this:
                            |	<div class="col-xs-12 col-sm-6 header-social-icons multicolor center-sm">
	                             | -------------------------------------------------------------------------------------------
                            -->
            <div class="col-xs-12 col-sm-6 header-social-icons center-sm">
                <ul>
                    <li><a href="#" class="facebook">
                        <br />
                    </a></li>
                </ul>
            </div>
            <!-- /social icons -->
        </div>

    </div>
</div>
